<template>
  <section class="w-full">
    <div class="bg-white rounded-2xl shadow-sm ring-1 ring-gray-200 p-4 lg:p-6 flex items-center justify-between">
      <div class="text-gray-700">如何开始使用AI角色</div>
      <button class="inline-flex items-center gap-1 text-[#635BFF] hover:underline">
        去了解
        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 24 24" fill="currentColor"><path d="M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z"/></svg>
      </button>
    </div>
  </section>
</template>

<script setup lang="ts">
</script>


